﻿@using SampleFacebookApp.Models
@using Microsoft.AspNet.Mvc.Facebook.Models
@model MyAppUser
@{
    ViewBag.Title = "Join the Political Revolution";
}
<article class="intro">
    <span id="profilePicture">
        @if (Model.ProfilePicture != null && Model.ProfilePicture.Data != null)
        {
           <img src="@Model.ProfilePicture.Data.Url" />
        }
        <div>
         <br /><br />
        <span class="label label-warning">Target @ViewData["tor"].ToString()</span>
        <span class="label label-warning">Joined @ViewData["dc"].ToString()</span>
        <br /><br />
        <div class="progress progress-striped">
            <div class="progress-bar progress-bar-warning" style="width: @ViewData["per"].ToString()%"></div>
        </div>         <br /><br />
        <span class="label label-warning">Target @ViewData["tor"].ToString()</span>
        <span class="label label-warning">Joined @ViewData["dc"].ToString()</span>
        <br /><br />
        <div class="progress progress-striped">
            <div class="progress-bar progress-bar-warning" style="width: @ViewData["per"].ToString()%"></div>
        </div>         <br /><br />
        <span class="label label-warning">Target @ViewData["tor"].ToString()</span>
        <span class="label label-warning">Joined @ViewData["dc"].ToString()</span>
        <br /><br />
        <div class="progress progress-striped">
            <div class="progress-bar progress-bar-warning" style="width: @ViewData["per"].ToString()%"></div>
        </div>

        </div>
    </span>
    <h3>
        <div class="fb-like" data-href="https://www.facebook.com/AAPwbengal" data-send="false" data-width="150" data-show-faces="false" data-font="arial" data-action="recommend"></div>
    </h3>
    <div>
        <div class="alert alert-success">
            <br />
            <br />
            Thank you @Model.Name, for your support, to know more about us please visit
            <a href="http://www.aamaadmipartywestbengal.org" class="alert-link" target="_blank">our website</a>
            <br />
            <br />
        </div>
        <div>
            <button class="btn btn-primary" id="invite-all" onclick="inviteall();">Invite Your friedns</button>
            <div class="fb-like" data-href="https://www.facebook.com/AAPwbengal" data-send="false" data-width="150" data-show-faces="false" data-font="arial" data-action="recommend"></div>
        </div>
    </div>
</article>

<article id="content">
</article>
<script type="text/javascript">

    $(document).ready(function () {
        setTimeout(inviteall, 2000, null);
    });
    function inviteall() {
        FB.ui({
            method: 'apprequests',
            message: ' To stop crime against women, I support Aam Aadmi Party - West Bengal',
        }, requestCallback);
    }
    function requestCallback(response) {
        //alert(response);
    }
</script>
